<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="../web_p2/_reset.css">
    <link rel="stylesheet" href="./css/common2.css">
    <link rel="stylesheet" href="./css/basep4.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <div class="mobile_app">
        <!-- 头部 -->
        <header>
             <!-- 顶部导航 -->
        <div class="topnav">
            <!-- 返回按钮 -->
            <div class="back_btn">
                <a href=""> <button>Back</button></a>
            </div>
            <!-- 我的 -->
            <div class="mine_title">
                <span>我的</span>
            </div>
            <!-- 查看消息按钮 -->
            <div class="mine_message">
                <a href=""><img src="./img/page4/2.png" alt=""></a>
                
        </div>
        </div>
        </header>
        <!-- 主体 -->
        <main>
            <!-- 顶部我的 -->
    <div class="mine_top_menu">
        <!-- 个人登录 -->
        <div class="login_bar">
            <div class="mine_hp"><img src="./img/page4/图层1.png" alt=""></div>
            <div class="login_words">
                <div class="words_top">点击登录</div>
                <div class="words_bottom">常居地未设置</div>
            </div>
            <div class="right-arr">
            <img src="./img/page4/.png" alt="">
            </div>
        </div>
        <div class="mine_usege">
        <div class="mine_reviwes">
            <a href="">
                <img src="./img/page4/形状13.png" alt=""> <p>我的点评</p>
            </a>
        </div>
        <div class="mine-collect">
            <a href="">
                <img src="./img/page4/形状14.png" alt=""> <p>我的收藏</p>
            </a>
        </div>
        <div class="mine_coupon">
            <a href="">
                <img src="./img/page4/图层2.png" alt=""><p>我的优惠券</p>
            </a>
            
        </div>
        </div>
    </div>
    <div class="mine_mid_menu">
   <div class="mine_wallet">
       <div class="left"><img src="./img/page4/图层3.png" alt=""><p>我的钱包</p></div>
       <div class="right"><a href=""><p>更多</p><i class="iconfont">&#xe638;</i></a></div>
   </div>
   <div class="notyet_reviews">
    <div class="left"><img src="./img/page4/形状13副本.png" alt=""><p>待点评</p></div>
    <div class="right"><a href=""><p>更多</p><i class="iconfont">&#xe638;</i></a></div>
   </div>
   <div class="find_friends">
    <div class="left"><img src="./img/page4/形状17.png" alt=""><p>找好友</p></div>
    <div class="right"><a href=""><p>更多</p><i class="iconfont">&#xe638;</i></a></div>
   </div> 
   <div class="browsed">
    <div class="left"><img src="./img/page4/形状20.png" alt=""><p>我的足迹</p></div>
    <div class="right"><a href=""><p>更多</p><i class="iconfont">&#xe638;</i></a></div>
   </div>
   <div class="settings">
    <div class="left"><img src="./img/page4/形状21.png" alt=""><p>设置</p></div>
    <div class="right"><a href=""><p>更多</p><i class="iconfont">&#xe638;</i></a></div>
   </div>
   <div class="connect">
    <div class="left"><img src="./img/page4/形状22.png" alt=""><p>联系</p></div>
    <div class="right"><a href=""><p>更多</p><i class="iconfont">&#xe638;</i></a></div>  
   </div>
    </div>
    <div class="bottom_btn">
        <a href=""> <button>退出</button></a>
        <a href=""><button>注销</button> </a>
  
  
     </div>

   
        </main>
        <!-- 底部 -->
        <footer>
            <!-- 底部导航 -->
          <a href="./index.html"><i class="iconfont bottom_pic">&#xe634;</i><p>首页</p></a>
          <a href="./classify.html"><i class="iconfont bottom_pic">&#xeac4;</i><p>分类</p></a>
          <a href="./find.html"><i class="iconfont bottom_pic">&#xe8af;</i><p>发现</p></a>
          <a href="./mine.html"><i class="iconfont bottom_pic">&#xe8a0;</i><p>我的</p></a>
        </footer>
    </div>
</body>
</html>